<template>
    <div class="header">
        <van-nav-bar title="购物车" left-text="" left-arrow>
            <template #right>
                <p>编辑 <van-icon name="chat-o" style="font-size: 20px; color: gray;" /></p>
            </template>
        </van-nav-bar>
    </div>
    <div class="medddle">

        <dl>
            <dt><img src="../../assets/hh.png" alt=""></dt>
            <dd style="font-weight: 700;">阿斯达阿昆达解放军第大萨达萨拉打撒</dd>
            <p style="color: red;">￥180</p>
        </dl>
        <dl>
            <dt><img src="../../assets/hh.png" alt=""></dt>
            <dd style="font-weight: 700;">阿斯达阿昆达解放军第大萨达萨拉打撒</dd>
            <p style="color: red;">￥180</p>
        </dl>
    </div>
    <div class="div">
        <p><van-icon name="passed" style="color: red;" />全选  <span style="color: red;margin-left: 210px;">￥360</span><button style="background-color: red; border-radius: 45%; color: white; border: 1px solid white; width: 60px;
        height: 30px;">结算</button></p>
    </div>
</template>
<style lang="scss" scoped>
* {
    padding: 0;
    margin: 0;
    list-style: none;

}

dl {
    float: left;
}

dl dd {
    float: left;
}

dl dt {
    float: left;
}
.div{
    width: 100%;
    height: 50px;
    margin-top: 100%;
    }   
</style>